<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>

	
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		 <meta name="description" content="Wir helfen Ihnen professionell und preisg&uuml;nstig Softwareprojekte(Ruby On Rails, Java, RIA, Flex)umzusetzen." />
  		<meta name="keywords" content="Website, Web-Entwicklung, Web-Design, Homepage, Flash Programmierung, CMS, Software Entwicklung, Codierung, Programmierung, Spiel-Programmierung, Anwendungen, Application, China Outsourcing, Programmiersprache, Java, JavaScript, Mootools, JQuery, Prototype, Datenbanken, MySQL, Postgres, IT-Beratung, IT-Projektmanagement, IT-Projekte, Outsourcing, IT-Consulting" />
 
        <link rel="shortcut icon" href="images/favicon.ico"/>
		<title>Kontakt</title>
		<link rel="stylesheet" href="css/global2.css" type="text/css" />
		<script type="text/javascript" language="javascript" src="js/clientcide-trunk-2.1.0.js"></script>
        
	</head><body>
		
		<div id="content">
			<div id="menu">
				<div class="t_l"></div>
				<div class="t_b">
					 <div class="logo">
                        <a href="http://www.kombest.de/">
                            <img src="images/logo.png" alt="Kombest Web2.0 Konsulting" />
                        </a>                    
                    </div>
					<div class="mm">
                    	<div class="slogan">Make ideas happen!</div>
						<ul>
                            <li>
                                <a href="index.htm" id="ctl00_s_mm1" class="t_l_off">
                                    Home
                                </a>
                            </li>
                            
                            <li>
                                <a href="leistungen.htm" class="t_l_off">
                                    Leistungen
                                </a>
                            </li>
                             <li>
                                <a href="web2.0.htm" class="t_s_off">
                                    Web2.0
                                </a>
                            </li>
                            <li>
                                <a href="referenzen.htm" class="t_l_off">
                                    Referenzen
                                </a>
                            </li>
                            <li>
                                <a href="sitemap.htm" class="t_s_off">
                                    Sitemap
                                </a>
                            </li>
                            <li>
                                <a href="kontakt.htm" class="t_s_on">
                                    Kontakt
                                </a>
                            </li>
                        </ul>
					</div>
				</div>
				<div class="t_r"></div>
				<p class="cf"></p>
			</div>
			<div id="top">
						</div>
			<div id="stage">

<div class="toolbar">
	<div>
		<h1>Kontakt</h1>
		<p class="crumbs"><a href="index.htm">Home</a> » Kontakt</p>
	</div>
	<p class="cf">
</p></div>

<div class="form">
	<div class="formContLeft">
		<div class="formBox">
			<div class="formBoxInner">
				<form method="post" action="email_form_process.php" id="formFeedback" name="formFeedback">
					<h3>Name / Firma *</h3> 
					<input class="i required" name="name" id="name" value="" maxlength="200" type="text" alt="Ihrer Name"/>
					<br /> 
					<br /> 
					<h3>Email *</h3> 
			    	<input class="i required validate-email" name="email" id="email" value="" maxlength="200" type="text" alt="Zum Beispiel: example@googlemail.com"/>
					
                    <h3>Telefon </h3> 
                    <input class="i " name="telephone" id="telephone" value="" maxlength="200" type="text" alt="Zum Beispiel: 089-1234567"/>
				  <br /> 
					<br /> 
					<h3>Ihre Anfrage *</h3> 
				  <p style="width: 450px;">Schicken Sie ihre individuelle Wünschen und Fragen zu uns, werden wir so schnell wie möglich mit Ihnen kontaktieren.</p>    
		      		<br /> 
					<textarea class="minLength:10 maxLength:250" name="messages" id="messages" rows="8" cols="30" ></textarea>	
					<br /> 
                    <br /> 
					<p style="width: 450px;" align="right"><a href="javascript:submitFeedback();" id="sendLink"><img src="images/senden.png" title="Klicken hier um Nachrichten zu senden!" alt="Absenden" /></a></p>     
				</form>     
			</div>
		</div>
	</div>

	<div class="formContRight">
		<div class="formBox">
			<div class="formBoxInner">
				<h3>Kontakt Information</h3>
				<p class="subHead">Schicken Sie ihre individuelle Wünschen und Fragen zu uns, werden wir so schnell wie möglich mit Ihnen kontaktieren.</p>
				<br />
				
				<ul class="contact">
					<li>
						<b>Allgemeine Informationen</b>
						<br />
						<div class="detail">info [@] kombest.de</div>
					</li>
					<li>
						<b>Technische Nachfragen</b>
						<br />
						<div class="detail">technik [@] kombest.de</div>
					</li>
                    <li>
						<b>Telefon</b>
						<br />
						<div class="detail">015782487105</div>
					</li>
				</ul>

			</div>
		</div>
	</div>

	<p class="cf"></p>

</div>

			</div>
			<div id="btm"></div>
			<div id="footer">
                <ul class="footL">
                    <li>
                        Kombest Solution München
                    </li>
                </ul>
                <ul class="footR">
                    <li>
                        <a href="sitemap.htm">
                            Sitemap
                        </a>
                    </li>
                    <li>
                        |
                    </li>
                    <li>
                        <a href="kontakt.htm">
                            Kontakt
                        </a>
                    </li>
                </ul>
            </div>
		</div>
<script type="text/javascript">
	var formValidator;
	window.addEvent('domready', function() {
		MooTools.lang.set('en-US', 'FormValidator', {
			required: "Hier darf nicht leer sein.",
			minLength: "Bitte midentens {minLength} Zeichen eingeben(jetzt {length} Wörte).",
			maxLength: "Bitte maximal {maxLength} Zeichen eingeben(jetzt {length} Wörte).",
			email: "Bitte geben Sie richtige Email-Addresse ein."
		});
		
		new OverText($('name'));
		new OverText($('email'));
		new OverText($('telephone'));
		new OverText($('messages'));
		
		formValidator = new FormValidator.Tips('formFeedback', {
			errorPrefix: "Fehler: ",
			useTitles: true
		});

	});

	function submitFeedback(){
		if(!formValidator.validate())
			return;
			
		var formId = "formFeedback";

		var ajaxIndicator = new Waiter($(formId));
		var myRequest = new Request({
			method: 'post',
			url: $(formId).get('action'),
			onRequest: function(instance){
				ajaxIndicator.start();
			},
			onFailure: function(instance){
				ajaxIndicator.stop.delay(200, ajaxIndicator);
				new Confirmer({
				  msg: 'Ihre Nachrichten wird nicht erfolgreich zu uns geschickt!',
				  positionOptions: {
					relativeTo: "sendLink",
					position: "bottomLeft",
					offset: {x: 0, y: 10}
				  }
				}).prompt();
			},
			onSuccess: function(text){
				ajaxIndicator.stop.delay(200, ajaxIndicator);
				//StickyWin.alert('Woops!', 'Oh no! I\'ve got five Internets open!');
				new Confirmer({
				  msg: 'Ihre Nachrichten wird erfolgreich zu uns geschickt!',
				  positionOptions: {
					relativeTo: "sendLink",
					position: "bottomLeft",
					offset: {x: 0, y: 10}
				  }
				}).prompt();
			
			}
		});
		myRequest.send($(formId));
	}
</script>

	</body></html>
   